.box{
    width: 306px;
    height: 412px;
    margin:10px auto;

    border: 18px solid #ffffff;
    border-radius: 10px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.31);
    /*background-color: #dddddd;*/
}
.box>div{
    float: left;
    width: 100px;
    height: 100px;
    box-shadow: inset 0px 0px 2px 2px #fff;
    border:1px solid #a8a8a8;
    /*border-radius: 5px;*/

    background-size: 306px 306px;
    /*background-attachment:fixed;*/
    /*background-repeat:no-repeat;*/
}

.block-0{
    background-color: #f9f9f9;
    box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, 0.49) !important;
    border-radius: 0px!important;
    background-image: none!important;
}

.block-1{
    background-position:top left;
}
.block-2{
    background-position:top center;
}
.block-3{
    background-position:top right;
}
.block-4{
    background-position:center left;
}
.block-5{
    background-position:center center;
}
.block-6{
    background-position:center right;

}
.block-7{
    background-position:bottom left;
}
.block-8{
    background-position:bottom center;
}
.block-9{
    background-position:bottom right;
}

.first{
    float: none!important;
}